<!DOCTYPE html>
<html manifest="offline.manifest">
	<head>
		<meta charset="utf-8">
		
		<title></title>
		<link rel="stylesheet" href="css/jquery.mobile.min.css" />
		<script type="text/javascript" charset="utf-8" src="js/jquery-1.7.1.min.js"></script>
		<script type="text/javascript" charset="utf-8" src="js/jquery.mobile.min.js"></script>
		<script type="text/javascript" charset="utf-8" src="js/index.js"></script>
		
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<script>
			$(function(){
				app.initialize();
			});
			
		</script>
		
		<style>  
    		div.ui-slider-switch { width: 9em }  
		</style> 
	</head>
	<body>
		<div data-role='page' id="content_page">
			<div data-role='header' data-id="PersistentHeader" data-position="fixed">
				<h1>EnvironmentTest</h1>   
			</div>
			<div data-role='content'>
			    <a id="pay" href="javascript:void(0)" onclick="app.pay()" data-role="button" style="clear:both; text-align:center;">Pay</a>
			    <a id="login" href="javascript:void(0)" onclick="app.getUserInfo()" data-role="button" style="clear:both; text-align:center;">Login</a>
			</div>
		</div>
	</body>
</html>
